<div class="border">
  <div class="header">
    <span>播发记录</span>
  </div>
  <div class="list">
    <div class = 'btnDiv'>
      <button class="report" md-raised-button color="primary" (click)=report()>上报</button>
    </div>
    <div class="netSoundSource-container ">
      <md-table #table [dataSource]="dataSource">
          <ng-container cdkColumnDef="check">
              <md-header-cell *cdkHeaderCellDef><md-checkbox (change) = "SelectAll($event)"></md-checkbox></md-header-cell>
              <md-cell *cdkCellDef="let row" ><md-checkbox [(ngModel)] = 'row.checked'></md-checkbox></md-cell>
            </ng-container>
        <ng-container cdkColumnDef="EBMID">
          <md-header-cell *cdkHeaderCellDef>EBMID</md-header-cell>
          <md-cell *cdkCellDef="let row" mdTooltip="{{row.EBMID   }}"> {{"..."+ row.EBMID.slice(-8)}}</md-cell>
        </ng-container>
        <!-- Color Column -->
        <ng-container cdkColumnDef="SentTime">
          <md-header-cell *cdkHeaderCellDef>发送时间</md-header-cell>
          <md-cell *cdkCellDef="let row"> {{row.SendTime | date: 'yyyy-MM-dd HH:mm:ss'}}</md-cell>
        </ng-container>

        <!-- Progress Column -->
        <ng-container cdkColumnDef="SenderName">
          <md-header-cell *cdkHeaderCellDef>发送方</md-header-cell>
          <md-cell *cdkCellDef="let row"> {{row.SenderName}}</md-cell>
        </ng-container>

        <ng-container cdkColumnDef="MsgTitle">
          <md-header-cell *cdkHeaderCellDef>标题</md-header-cell>
          <md-cell *cdkCellDef="let row"> {{row.MsgTitle}}</md-cell>
        </ng-container>

        <!-- Name Column -->
        <ng-container cdkColumnDef="MsgDesc">
          <md-header-cell *cdkHeaderCellDef>内容</md-header-cell>
          <md-cell *cdkCellDef="let row"> {{row.MsgDesc}}</md-cell>
        </ng-container>
        <ng-container cdkColumnDef="BrdStateDesc">
          <md-header-cell *cdkHeaderCellDef>状态</md-header-cell>
          <md-cell *cdkCellDef="let row"> {{row.BrdStateDesc}}</md-cell>
        </ng-container>

        <ng-container cdkColumnDef="operator">
          <md-header-cell *cdkHeaderCellDef>操作</md-header-cell>

          <md-cell *cdkCellDef="let row">
            <span (click)="detail(row)" class="oper">详情</span>
            <span (click)="stop(row)" class="oper" *ngIf="row.SenderCode === sid && row.BrdStateCode < 3 ">停止</span>
          </md-cell>
        </ng-container>





        <md-header-row *cdkHeaderRowDef="displayedColumns"></md-header-row>
        <md-row *cdkRowDef="let row; columns: displayedColumns;"></md-row>
      </md-table>
      <md-paginator #paginator [length]="soundSourceDatabase.data.length" [pageIndex]="0" [pageSize]="10" [pageSizeOptions]="[10, 20, 30, 40]">
      </md-paginator>
    </div>





  </div>
</div>
